﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Telephone Order Placement System</title>
<style type="text/css">
* {
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #d6d6d6;
}
.container {
	width: 800px;
	height: 600px;
}
.menu {
	float: left;
	width: 200px;
	height: 600px;
}
.contents {
	float: left;
	width: 600px;
	height: 600px;
}
.top {
	float: left;
	width: 600px;
	height: 75px;
	line-height: 75px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #666666;
	text-align: center;
}
.logo {
	float: left;
	background-image: url(img/main/logo.jpg);
	background-repeat: no-repeat;
	margin-top: 80px;
	margin-left: 150px;
	width: 311px;
	height: 311px;
}
ul.nav {
	list-style: none;
}
ul.nav li{
	height: 75px;
	width: 200px;
}
a {
	outline:0; /* 점선 박스 안보이게 */
}
ul.nav a{
	background-image: url(img/menu/menu.jpg);
	height: 52px;
	width: 130px;
	margin-right: 10px;
	margin-bottom: 7px;
	margin-left: 10px;
	padding-left: 50px;
	padding-top: 8px;
	display: block;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	background-repeat: no-repeat;
}
ul.nav a:hover{
	background-image: url(img/menu/menu.jpg);
	background-position: 0px -60px;
}
</style>
</head>
<body>
<div class="container">
	<!-- menu -->
	<div class="menu">
    	<ul class="nav">
        	<span style="display:block; height:8px"></span>
        	<li><a href="#" onclick="window.location.href='./c_registration.html'">Customer<br>Registration</a></li>
            <li><a href="#">Customer<br>Enquiry</a></li>
            <li><a href="#">Product<br>Enquiry</a></li>
            <li><a href="#">Create<br>Order</a></li>
            <li><a href="#">Order<br>Enquiry</a></li>
            <li><a href="#">Record<br>CEP</a></li>
            <li><a href="#">Prepare<br>CDR</a></li>
            <li><a href="#">Log<br>Out</a></li>
        </ul>
    </div>
    <!-- end.menu -->
    
    <!-- contents -->
    <div class="contents">
    	<div class="top">Telephone Order Placement System</div>
        <div class="logo"></div>
    </div>
    <!-- end.contents -->
    
</div>


</body></html>